import { Container, Flex, TextFieldInput } from "@radix-ui/themes";
import { useTranslations } from "next-intl";
import PhoneModal from "./PhoneModal";
import PasswordModal from "./PasswordModal";
import Profile from "./Profile";



const HomePage = () => {
    const t = useTranslations("home")
    return (
        <Container>
            <div className=" text-lg font-black">账号设置</div>
            <label>登录手机</label>
            <Flex gap='2'>
                <TextFieldInput disabled />
                <PhoneModal />
            </Flex>
            <label>登录密码</label>
            <Flex gap='2'>
                <TextFieldInput type="password" value="********" disabled />
                <PasswordModal />
            </Flex>
            <div className=" text-lg font-black mt-3">个人信息</div>
            <div className="max-w-lg">
                <Profile />
            </div>
        </Container>
    )
}
export default HomePage